<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                template="../../resources/plantilla/ventanaInicioEmpresaPlantilla.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define  name="formulario">
        <div class="panelTitulo">
            REGISTRO DE EMPLEOS 
        </div>

        <div style="float: left; width: 30%;">
            <p:panel header="Anuncios" style="border: none; margin: 0px auto;">

            </p:panel>
        </div>

        <div style="float: left; width: 70%;">
            <p:panel header="Registro Empleos" footer="Los Empleos que Publique seran mostrado en la paguina principal" style="border: none; margin: 0px auto;">
                <div style=" margin-bottom: 10px; font-size: 1.1em; color: #0066ff;">Aqui pudes publicar los diferentes empleos que requiere tu empresa.</div> 
                <h:form id="formPublicarTrabajo">
                    #{personalRequeridoController.iniciarBusqueda()}
                    <h:panelGroup id="display" style="border: none; margin: 0px auto;">
                        <h:panelGrid columns="2"
                                     border="0"
                                     cellspacing="4"
                                     cellpadding="0"
                                     columnClasses="column1Class, column2Class">
                            <p:outputLabel rendered="true" value="AREA DE TRABAJO/#{bundleEtiquetasES.Habilidad}:" 
                                           for="habilidad" />
                            <p:selectOneMenu id="habilidad" required="true"
                                             style="width: 80%;"
                                             value="#{personalRequeridoController.habilidadBusqueda}"
                                             >
                                <f:selectItem itemLabel="#{bundleEtiquetasES.Seleccione}"/>
                                <f:selectItems value="#{personalRequeridoController.itemsHabilidades}"
                                               var="HabilidadItem"
                                               itemValue="#{HabilidadItem}"
                                               itemLabel="#{HabilidadItem.nombre}"
                                               />
                                <f:converter binding="#{habilidadesConverter}"/>
                            </p:selectOneMenu>
                            <p:outputLabel for="ciudad" value="#{bundleEtiquetasES.Ciudad}/CANTON"  />
                            <p:selectOneMenu id="ciudad" 
                                             value="#{personalRequeridoController.ciudad}"
                                             required="true"
                                             effect="fade" 
                                             style="width: 80%;"
                                             var="t" 

                                             filter="true" 
                                             filterMatchMode="contains">
                                <f:selectItem itemLabel="Selecione..." noSelectionOption="true" />
                                <f:selectItems value="#{personalRequeridoController.itemCiudades}" 
                                               var="ciudadItem"
                                               itemValue="#{ciudadItem}" 
                                               itemLabel="#{ciudadItem.nombre}"/>
                                <p:column>
                                    <h:outputText value="#{t.nombre}" />
                                </p:column>
                                <f:converter binding="#{ciudadConverter}"/>
                            </p:selectOneMenu>  
                            <p:outputLabel value="FECHA PUBLICACION:" for="fecha" />
                            <p:outputLabel id="fecha" style="width: 80%;" rendered="true" value="#{personalRequeridoController.fechaActual}">
                                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" /> 
                            </p:outputLabel>
                            <p:outputLabel value="DESCRIPCION" for="desc"/>
                            <h:inputTextarea id="desc" required="true" cols="60" rows="5" value="#{personalRequeridoController.selected.descripcion}" />
                        </h:panelGrid>
                        <div style=" margin-top:20px; margin-bottom: 20px; margin-left:40%; ">
                            <p:commandButton  value="PUBLICAR" actionListener="#{personalRequeridoController.guardarNuevo}" update="display" oncomplete="handleSubmit(args,'UsuarioCreateDialog');" ajax="false" />
                            <p:commandButton value="#{bundleEtiquetasES.Cancelar}" action="#{controlUrlControler.openPrincipalEmpresa()}"/>
                        </div>
                    </h:panelGroup>
                </h:form>
                <f:facet name="footer">
                    <p:outputLabel value="Importante: " style="color:red; "/>
                    <p:outputLabel value="Recuerde que si no Encuentra la Área de trabajo deseada comuníquese con el administrador" style="color: #0066ff;"/>
                </f:facet>
            </p:panel>
        </div>
    </ui:define>
</ui:composition>

